import { createStore } from 'vuex'

export default createStore({
  //定义所需要的状态（达到所有组件的数据共享）
  state: {
    list:[
          {title: '吃饭',complete: true},
          {title: '睡觉',complete: false},
          {title: '敲代码',complete: false}
          ]
  },
  getters: {
  },
  //同步修改status 都是方法
  //第一个参数是state,第二个参数是需要修改的值
  mutations: {
    //添加任务
    addTodo(state,payload){
      state.list.push(payload)
    },
    //删除任务 splice(下标，个数)
    delTodo(state,payload){
      state.list.splice(payload,1)
    },
    //清除已完成
    clear(state,payload){
      //把过滤之后的数组传进来
      state.list = payload
    }
  },
  //异步提交mutations
  //第一个参数store形参，第二个参数是修改的值
  actions: {
  },
  //模块化
  modules: {
  }
})
